*{margin: 0;padding: 0;list-style: none;}
html{height: 100%;font-size: 16px;}
body{background: url('http://filestore.e943.com/resources/game_images/4709/14521421076079.jpg') no-repeat;background-size: cover;display: flex;align-items: center;justify-content: center;height: 100%;}
#z{width:76%;height: 80%;background: rgba(0,0,0,0.6);box-shadow: 1px 1px 18px 6px rgba(0,0,0,0.8);position: relative;}
#l{width: 30%;height: 100%;border-right: 1px snow dotted;}
.lb li{border-bottom: 1px dotted whitesmoke;display: block;text-align: center;padding: 2px;transition:1s linear background-color;color: whitesmoke;}
.lb li:hover{background:rgba(0,0,0,0.8);cursor: pointer;}
#r{position: absolute;top: 0;right: 0;width: 70%;height: 100%;overflow: auto;}
#rt{height: 14%;position: absolute;bottom: 0;width: 100%;text-align: center;}
#rt div{margin-top: 16px;color: whitesmoke;}
.xl{border: none;padding: 0;display: none;}
p{display: inline;font-size: 26px;font-weight: 700;}
#notice{width: 100%;}
